<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="/public/css/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/public/css/wap.css?2">

    <script src="/public/js/jquery.min.js"></script>
    <script src="/public/js/amazeui.min.js"></script>
    <title>生活简讯</title>
</head>
<body>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
    <a href="#top" title="">
        <img class="am-gotop-icon-custom" src="/public/img/goTop.png" />
    </a>
</div>
<header data-am-widget="header"
        class="am-header am-header-default am-header-fixed">
    <div class="am-header-left am-header-nav" >
        <a href="#left-link" class="">

            <!--<i class="am-header-icon am-icon-home"></i>-->
        </a>
    </div>

    <h1 class="am-header-title">
        <a href="#title-link" class="">
            生活简讯
        </a>
    </h1>

    <div class="am-header-right am-header-nav">
        <a href="#right-link" class="">

            <!--<i class="am-header-icon am-icon-bars"></i>-->
        </a>
    </div>
</header>

<div class="pet_mian" id="top">
    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
        <ul class="am-slides">
            <% banner.forEach((ele,index)=>{ %>
              <li>
                <img src="/public/img/fl0<%=index %>.png">
                <div class="pet_slider_font">
                    <span class="pet_slider_emoji"> (╭￣3￣)╭♡   </span>
                    <span><%= ele.title %> <%= ele.description%></span>
                </div>
                <div class="pet_slider_shadow"></div>
            </li>
            <%})%>
        </ul>
    </div>


    <div class="pet_circle_nav">
        <ul class="pet_circle_nav_list">
            <li><a href="/web/toutiao/0" class="iconfont pet_nav_xinxianshi ">&#xe61e;</a><span>新鲜事</span></li>
            <li><a href="/web/toutiao/1" class="iconfont pet_nav_zhangzhishi ">&#xe607;</a><span>社会</span></li>
            <li><a href="/web/toutiao/5" class="iconfont pet_nav_kantuya ">&#xe62c;</a><span>科技</span></li>
            <li><a href="/web/toutiao/7" class="iconfont pet_nav_mengzhuanti ">&#xe622;</a><span>时尚</span></li>
            <li><a href="/web/toutiao/2" class="iconfont pet_nav_meirong ">&#xe629;</a><span>娱乐</span></li>
            <li><a href="/web/joke" class="iconfont pet_nav_yiyuan ">&#xe602;</a><span>段子</span></li>
            <li><a href="/web/toutiao/3" class="iconfont pet_nav_dianpu ">&#xe604;</a><span>体育</span></li>
            <li><a href="/web/music" class="iconfont pet_nav_gengduo ">&#xe600;</a><span>音乐</span></li>
        </ul>
    </div>
    <div class="pet_content_main">
        <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
            <div class="am-list-news-bd">
                <ul class="am-list">
                    <!--缩略图在标题右边-->
                    <% list.forEach((ele,index)=>{ %>
                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block" >
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="<%= ele.thumb%>" alt=""></div>
                                <div class="pet_list_one_info_name">Super invincible 菁 </div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_xxs">热门趋势</div>
                            </div>
                        </div>
                        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="<%= ele.url%>" class="">
                                    <%= ele.title%>111
                                </a></h3>
                            <div class="am-list-item-text pet_list_one_text"><%= ele.description%></div>

                        </div>
                        <div class="am-u-sm-4 am-list-thumb">
                            <a href="###" class="">
                                <img src="<%= ele.thumb%>" class="pet_list_one_img" alt=""/>
                            </a>
                        </div>
                    </li>
                    <%})%>
                  <!--  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="/public/img/a6.png" alt=""></div>
                                <div class="pet_list_one_info_name">La Da Dee</div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_video_tag">视频</div>
                            </div>
                        </div>
                        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">不是说好做彼此的天使吗？连最后一口汉堡也不给我</a></h3>
                            <div class="am-list-item-text pet_list_one_text">国外网友waxiestapple在论坛Reddit贴出爱犬照片，指出“我的狗狗好像瘦了点”“因为我刚刚把最后一口汉堡吃掉”，只见这只哈士奇一脸惨遭背叛的样子，对主人露出相当不可思议的表情。</div>

                        </div>
                        <div class="am-u-sm-4 am-list-thumb pet_video_info">
                            <div class="pet_video_info_tag"><i class="iconfont">&#xe62d;</i>03:50</div>
                            <a href="###" class="">
                                <img src="/public/img/q4.jpg" class="pet_list_one_img" alt="我很囧，你保重....晒晒旅行中的那些囧！"/>
                            </a>
                        </div>
                    </li>
                    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="/public/img/a2.png" alt=""></div>
                                <div class="pet_list_one_info_name">AbsScript</div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_zzs">趣闻</div>
                            </div>
                        </div>
                        <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">怦然心动！澳洲大眼宝宝逆天睫毛萌翻全球！</a></h3>
                            <div class="am-list-item-text pet_list_one_text">来自澳大利亚布里斯班的十个月大的萌宝Egypt拥有一双修长的睫毛、清澈的眼眸，可爱的模样让她在社交网站上爆红。</div>

                        </div>
                        <div class="am-u-sm-4 am-list-thumb">
                            <a href="###" class="">
                                <img src="/public/img/q5.jpg" class="pet_list_one_img" alt="我很囧，你保重....晒晒旅行中的那些囧！"/>
                            </a>
                        </div>
                    </li>

                    <li class="am-g am-list-item-desced pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="/public/img/a3.png" alt=""></div>
                                <div class="pet_list_one_info_name">养了猫的飞飞</div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_stj">阅读</div>
                            </div>
                        </div>
                        <div class=" am-list-main">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">浣熊孤儿掉到树下，被一家人收养之后……</a></h3>
                            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-3
  am-avg-md-3 am-avg-lg-3 am-gallery-default pet_list_one_list" >
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/qq1.jpg"  alt="某天 也许会相遇 相遇在这个好地方"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/qq2.jpg"  alt="不要太担心 只因为我相信"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/qq3.jpg"  alt="终会走过这条遥远的道路"/>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                            <div class="am-list-item-text pet_list_two_text">巴哈马拿骚的居民Rosie Kemp发现一个刚出生的浣熊，掉在了树下。因为找不到小浣熊的妈妈了，Rosie和她的女儿Laura Young决定收养这只小东西，并给她取名“小南瓜”。</div>
                        </div>
                    </li>

                    <li class="am-g am-list-item-desced pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_tytj"><i class="iconfont pet_nav_kantuya pet_more_list_block_line_ico pet_list_tytj_ico">&#xe607;</i>诺奖得主回忆通知获奖那一刻</div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_kty">图集</div>
                            </div>
                        </div>
                        <div class=" am-list-main">
                            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-3
  am-avg-md-3 am-avg-lg-3 am-gallery-default pet_list_one_list pet_list_one_tytj" >
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w1.jpg"  alt="某天 也许会相遇 相遇在这个好地方"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w2.jpg"  alt="不要太担心 只因为我相信"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w3.jpg"  alt="终会走过这条遥远的道路"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w4.jpg"  alt="终会走过这条遥远的道路"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w5.jpg"  alt="终会走过这条遥远的道路"/>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="am-gallery-item">
                                        <a href="###" class="">
                                            <img src="/public/img/w6.jpg"  alt="终会走过这条遥远的道路"/>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                    </li>
                    <li class="am-g am-list-item-desced pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="/public/img/a4.png" alt=""></div>
                                <div class="pet_list_one_info_name">大兔</div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_zzs">趣闻</div>
                            </div>
                        </div>
                        <div class=" am-list-main">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></h3>


                            <div class="am-list-item-text pet_list_two_text">狗狗会天天的跟着我们生活在一起，它们的一切都会影响着主人，尤其是狗狗身上散发的味道，会无时无刻的对主人有影响，如果狗狗身体有异味，主人就会用过于香喷喷的洗漱品帮狗狗洗澡，这样不仅对狗狗身体有伤害，还会容易患上皮肤病，其实，我们知道一些小技巧，就会改善狗狗身上存在的味道。</div>

                        </div>
                    </li>
                    <li class="am-g am-list-item-desced pet_list_one_block">
                        <div class="pet_list_one_info">
                            <div class="pet_list_one_info_l">
                                <div class="pet_list_one_info_ico"><img src="/public/img/a5.png" alt=""></div>
                                <div class="pet_list_one_info_name">Hope</div>
                            </div>
                            <div class="pet_list_one_info_r">
                                <div class="pet_list_tag pet_list_tag_mzt">萌专题</div>
                            </div>
                        </div>
                        <div class=" am-list-main">
                            <h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">心情不好了，就来看看这只狗！</a></h3>
                            <div class="pet_list_zt_img"><img src="/public/img/c1.png" alt=""></div>

                            <div class="am-list-item-text pet_list_two_text">猫咪不像人，猫咪的情绪不会写在脸上，反馈给我们的信息更多的应该是行为上肢体上的，当然从叫声中也会反应一些信息，那么要想“抓住它的心，就一定要抓住它的胃吗？”从它的行为和肢体语言当中我们可以读懂什么呢？</div>

                        </div>
                    </li>
                    <li class="am-g am-list-item-desced pet_list_one_block">
                        <div class="pet_article_user_block">
                            <div class="pet_article_user_img">
                                <div class="pet_article_user_shadow"></div>
                                <div class="pet_article_user_title">一周在任意地点工作三天？</div>
                                <img src="/public/img/c2.png" alt=""></div>
                            <div class="pet_article_user_info">
                                <div class="pet_article_user_info_ico"><img src="/public/img/c.png" alt=""></div>SeeYouAgain
                            </div>
                            <div class="am-list-item-text pet_article_user_nr">这是一家帮助客户在亚太地区找到适合的打折酒店的中介机构，在全球设立了9个办事处，老板克里斯蒂安·米施勒宣称要把它打造成世界上最棒的公司。</div>
                        </div>
                    </li>-->
                </ul>
            </div>

        </div>

    </div>

    <!-- nav -->
    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
         id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4">
            <li >
                <a href="" class="">
                    <span class="am-icon-home"></span>
                    <span class="am-navbar-label">首页</span>
                </a>
            </li>
            <li >
                <a href="tel:18601860186" class="">
                    <span class="am-icon-star"></span>
                    <span class="am-navbar-label">关注</span>
                </a>
            </li>
            <li data-am-navbar-share>
                <a href="###" class="">
                    <span class="am-icon-mars-stroke"></span>
                    <span class="am-navbar-label">发现</span>
                </a>
            </li>
            <li >
                <a href="http://yunshipei.com" class="">
                    <span class="am-icon-user"></span>
                    <span class="am-navbar-label">我的</span>
                </a>
            </li>
        </ul>
    </div>
</div>



<script>
    $(function(){

        // 动态计算新闻列表文字样式
        auto_resize();
        $(window).resize(function() {
            auto_resize();
        });
        $('.am-list-thumb img').load(function(){
            auto_resize();
        });

        $('.am-list > li:last-child').css('border','none');
        function auto_resize(){
            $('.pet_list_one_nr').height($('.pet_list_one_img').height());

        }
        $('.pet_nav_gengduo').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
        });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
    });

</script>
</body>
</html>